<calendar-header
  [(panelMode)]="panelMode"
  (panelModeChange)="panelModeChange.emit($event)"
  [(value)]="value"
  (valueChange)="headerChange.emit($event)"
  [locale]="locale"
  [showTimePicker]="showTimePicker"
  [enablePrev]="enablePrev"
  [enableNext]="enableNext"
></calendar-header>

<ng-container *ngIf="showTimePicker && timeOptions">
  <apes-time-picker-panel
    [apesInDatePicker]="true"
    [ngModel]="value.getNativeDate()"
    (ngModelChange)="onSelectTime($event)"
    [format]="timeOptions.apesFormat"
    [apesHourStep]="timeOptions.apesHourStep"
    [apesMinuteStep]="timeOptions.apesMinuteStep"
    [apesSecondStep]="timeOptions.apesSecondStep"
    [apesDisabledHours]="timeOptions.apesDisabledHours"
    [apesDisabledMinutes]="timeOptions.apesDisabledMinutes"
    [apesDisabledSeconds]="timeOptions.apesDisabledSeconds"
    [apesHideDisabledOptions]="timeOptions.apesHideDisabledOptions"
    [apesDefaultOpenValue]="timeOptions.apesDefaultOpenValue"
    [apesAddOn]="timeOptions.apesAddOn"
  ></apes-time-picker-panel>
</ng-container>

<div class="{{ prefixCls }}-body">
  <date-table
    [showWeek]="showWeek"
    [value]="value"
    (valueChange)="onSelectDate($event)"
    showWeekNumber="false"
    [disabledDate]="disabledDate"
    [dateRender]="dateRender"
    [selectedValue]="selectedValue"
    [hoverValue]="hoverValue"
    (dayHover)="dayHover.emit($event)"
  ></date-table>
</div>
